<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link id="favicon" rel="shortcut icon" type="image/png" href="favicon.ico" />
    <title></title>
    <meta name="Keywords" content="{$pageinfo.keywords}" />
    <meta name="description" content="{$pageinfo.description}">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link href="_STATIC_/mobile/base/css/base.css?v={$staticVersion}" rel="stylesheet" />
    <link href="_STATIC_/mobile/base/css/layui.css" rel="stylesheet" />
    <link href="_STATIC_/mobile/base/css/iconfont.css" rel="stylesheet" />
    <script src="_STATIC_/mobile/base/js/cons.js?v={$staticVersion}"></script>
    <script src="_STATIC_/mobile/base/js/vue.min.js"></script>
    <script src="_STATIC_/mobile/base/js/layui.js"></script>
    <script src="_STATIC_/mobile/base/js/cos-js-sdk-v5.min.js"></script>
    <script src="_STATIC_/mobile/base/js/jquery-3.6.0.min.js"></script>
    <script src="_STATIC_/mobile/base/js/qrcode.min.js"></script>
    <script src="_STATIC_/mobile/base/js/base.js?v={$staticVersion}"></script>
    <link href="_STATIC_/mobile/base/css/mobile_base.css?v={$staticVersion}" rel="stylesheet" />
    <script src="_STATIC_/mobile/base/js/mobile_base.js?v={$staticVersion}"></script>
    <link href="_STATIC_/mobile/base/css/index.css?v={$staticVersion}" rel="stylesheet" />
    <script src="_STATIC_/mobile/base/js/index.js?v={$staticVersion}<?php echo time(); ?>"></script>

</head>

<body>
<style>
    .header_top{
        width: 100%;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background-color: #3f56e0;
        text-align: center;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
    }
</style>
<div id="app" class="content" v-cloak>

    <div class="header">
        <div class="header_top">
            <span>盾妈妈千元商标特卖网</span>
        </div>
        <div class="mobile-title"></div>
        <div class="search-box">
            <div class="search-input-box left">
                <i class="layui-icon layui-icon-search"></i>
                <input id="search-input" onfocus="Searcher.onfocus()" onblur="Searcher.setText()" onkeyup="Searcher.keyUp(this)" placeholder="输入带“某”字的商标（比如“味”）" />
                <i onclick="Searcher.inputClear()" class="layui-icon layui-icon-close search-input-close-icon"></i>
            </div>
            <div id="search-btn" class="right search-btn" onclick="Searcher.clickSearchBtn()">搜索</div>
        </div>

    </div>
    <div class="search-param-box" style>
        <div class="param-item-box param-item-box-price">
            <div class="param-title">价格范围:</div>
            <div class="param-content param-price-box">
                <input id="param-price-start" onkeyup="Paramer.price()" type="text" autocomplete="off" class="bbk-input param-price left">
                <div class="left" style="margin-top: 5px;">--</div>
                <input id="param-price-end" onkeyup="Paramer.price()" type="text" autocomplete="off" class="bbk-input param-price left">
                <div class="left" id="param-price-btn-box"></div>
            </div>
        </div>
        <div class="param-item-box" id="param-goods-box">
            <div class="param-title">
                产品/服务：
            </div>
            <div class="param-content left">
                <input onblur="Paramer.goods()" id="param-goods-input" type="text" autocomplete="off" placeholder="" class="bbk-input param-goods-input left">
                <!-- <div class="param-goods-box left"></div> -->
            </div>
        </div>
        <div class="param-item-box">
            <div class="param-title">
                商标类别：
            </div>
            <div class="param-content">
                <span id="param-lei-box"></span>
                <span id="param-lei-all-box"></span>
            </div>
        </div>
        <div class="param-item-box">
            <div class="param-title">
                群组选择：
            </div>
            <div class="param-content" id="param-team-box">
                <div id="param-team-00" style="margin-top: 6px;">请先选择类别,选择多个类别时,则进行<span style="color: blue;">「同名多类」</span>的搜索</div>
                <div class="param-team-wrap" id="param-team-1"></div>
                <div class="param-team-wrap" id="param-team-2"></div>
                <div class="param-team-wrap" id="param-team-3"></div>
                <div class="param-team-wrap" id="param-team-4"></div>
                <div class="param-team-wrap" id="param-team-5"></div>
                <div class="param-team-wrap" id="param-team-6"></div>
                <div class="param-team-wrap" id="param-team-7"></div>
                <div class="param-team-wrap" id="param-team-8"></div>
                <div class="param-team-wrap" id="param-team-9"></div>
                <div class="param-team-wrap" id="param-team-10"></div>
                <div class="param-team-wrap" id="param-team-11"></div>
                <div class="param-team-wrap" id="param-team-12"></div>
                <div class="param-team-wrap" id="param-team-13"></div>
                <div class="param-team-wrap" id="param-team-14"></div>
                <div class="param-team-wrap" id="param-team-15"></div>
                <div class="param-team-wrap" id="param-team-16"></div>
                <div class="param-team-wrap" id="param-team-17"></div>
                <div class="param-team-wrap" id="param-team-18"></div>
                <div class="param-team-wrap" id="param-team-19"></div>
                <div class="param-team-wrap" id="param-team-20"></div>
                <div class="param-team-wrap" id="param-team-21"></div>
                <div class="param-team-wrap" id="param-team-22"></div>
                <div class="param-team-wrap" id="param-team-23"></div>
                <div class="param-team-wrap" id="param-team-24"></div>
                <div class="param-team-wrap" id="param-team-25"></div>
                <div class="param-team-wrap" id="param-team-26"></div>
                <div class="param-team-wrap" id="param-team-27"></div>
                <div class="param-team-wrap" id="param-team-28"></div>
                <div class="param-team-wrap" id="param-team-29"></div>
                <div class="param-team-wrap" id="param-team-30"></div>
                <div class="param-team-wrap" id="param-team-31"></div>
                <div class="param-team-wrap" id="param-team-32"></div>
                <div class="param-team-wrap" id="param-team-33"></div>
                <div class="param-team-wrap" id="param-team-34"></div>
                <div class="param-team-wrap" id="param-team-35"></div>
                <div class="param-team-wrap" id="param-team-36"></div>
                <div class="param-team-wrap" id="param-team-37"></div>
                <div class="param-team-wrap" id="param-team-38"></div>
                <div class="param-team-wrap" id="param-team-39"></div>
                <div class="param-team-wrap" id="param-team-40"></div>
                <div class="param-team-wrap" id="param-team-41"></div>
                <div class="param-team-wrap" id="param-team-42"></div>
                <div class="param-team-wrap" id="param-team-43"></div>
                <div class="param-team-wrap" id="param-team-44"></div>
                <div class="param-team-wrap" id="param-team-45"></div>
            </div>
        </div>

        <!--<div class="param-item-box param-item-box-sq-num">
            <div class="param-title">
                注册人申请量：
            </div>
            <div class="param-content">
                <div class="left hidden" id="param-sq-num-box">
                </div>
                <div class="left hidden" id="param-black-sq-namer-box">
                </div>
            </div>
        </div>-->
        <span class="param-more-box">
            <div class="param-item-box">
                <div class="param-title">
                    组合类型：
                </div>
                <div class="param-content" id="param-type-box"></div>
            </div>
            <!--<div class="param-item-box">
                <div class="param-title">
                    名称结构：
                </div>
                <div class="param-content" id="param-ab-type-box"></div>
            </div>-->
            <div class="param-item-box">
                <div class="param-title">
                    商标字数：
                </div>
                <div class="param-content" id="param-name-size-box">
                </div>
            </div>
            <!--<div class="param-item-box">
                <div class="param-title">
                    申请人类型：
                </div>
                <div class="param-content" id="param-sq-type-box">
                </div>
            </div>-->
            <!--<div class="param-item-box">
                <div class="param-title">
                    注册年限：
                </div>
                <div class="param-content" id="param-age-box">
                </div>
            </div>-->
            <div class="param-item-box">
                <div class="param-title">
                    排序规则：
                </div>
                <div class="param-content" id="param-order-by-box">
                </div>
            </div>
            <div class="param-item-box">
                <div class="param-title">
                    是否同名标仅显示一个类别：
                </div>
                <div class="param-content" id="param-distinct-box">
                </div>
            </div>
    <!--<div class="param-item-box">
        <div class="param-title">
            小项不少于：
        </div>
        <div class="param-content" id="param-xx-num-start-box"></div>
    </div>-->
					<div class="param-item-box ">
						<div class="param-btn-box hidden">
							<div onclick="Searcher.hideParam()" class="hide-param-btn left"><i
                                    class="layui-icon layui-icon-close"></i>隐藏选项</div>
                            <!--<div onclick="Paramer.createBuyerSiteUrl()" class="param-buyer-url-btn left">复制链接</div>-->
							<div onclick="Searcher.clickSearchBtn()" class="search-btn-2 left"><i
                                    class="layui-icon layui-icon-search"></i>搜索</div>
						</div>
					</div>
				</span>
        <div style="height:10px"></div>
    </div>

    <div class="items-box">
        <div id="page-neck-box" class="hidden">
            <div onclick="Searcher.onfocus()" class="left neck-btn" style="border: 2px solid #3f56e0">筛选条件</div>
            <!--	<div onclick="Controller.openPc()" class="right neck-btn">打开电脑版</div>-->
        </div>

        <div class="hidden" style="min-height: 200px;">
            <div id="res-tip-box" class="none" style="height:120px;width:100%;text-align: center;"></div>
            <!-- 循环体 -->
            <div class="item-box" v-for="item in items" :key="item.id" v-bind:id="item.id">
                <i v-if="isShowSaveStar()" v-bind:id="item.id" @click="save(item)" class="layui-icon layui-icon-star choose-btn right" v-bind:style="getSaverBtnStyle(item)"></i>
                <span @click="showDetail(item)">
							<div class="img-box">
								<img v-bind:src='getPicUrl(item)'
                                     onerror="javascript:this.src='https://bbk-public-filer-1258286853.cos.ap-shanghai.myqcloud.com/model/error-big.png'" />
							</div>
							<div class="item-info">
								<div class="item-name cube-item-one ell center">{{item.lei}}类</div>
								<!-- <div class="item-lei-price center"><span v-html="getPrice(item)"></span></div> -->

				</div>
				</span>
            </div>
        </div>
        <div id="laypage-box"> </div>
        <div class="blank-height-100"></div>
    </div>
    <!-- 遮罩 -->
    <div class="bbk-shade layui-anim-fadein none" onclick="Searcher.hideParam()"></div>
</div>
<style>
    .layui-layer-title {
        font-size: 20px;
    }
    .layui-layer-page {
        width: 80%;
        position: fixed;
        left: 10%;
        height: 300px;
        bottom: 350px;
    }
    .add-fui-cel-info {
        background-color: #3f56e0;
        color: #fff;
    }
    .add-fui-cel-info .nav-item-box {
        color: #fff;
    }
</style>
<script>
    $(function () {
        $(".mobile-nav-item").click(function () {
            $(".mobile-nav-item").eq($(this).index()).addClass("add-fui-cel-info").siblings().removeClass("add-fui-cel-info");
            var area = $('.add-fui-cel-info').attr('value');
        })
    })
</script>
<script>
    function kf() {
        $.ajax({
            type:"get",
            url:"/index/getkefu",
            success:function(obj){
                data = $.parseJSON(obj);
                var phone = data.data.kefu_mobile;
                var imgHtml = '<a style="font-size: 24px; padding-left:20px; line-height: 45px;" href="tel:'+phone+'">'+phone+'</a>';
                //弹出层
                layer.open({
                    type: 1,
                    shade: 0.8,
                    offset: 'auto',
                    area: [300 + 'px', 100 + 'px'], // area: [width + 'px',height+'px']  //原图显示
                    shadeClose: true,
                    scrollbar: false,
                    title: "拨打电话", //显示标题
                    content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
                    cancel: function() {
                        //layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', { time: 5000, icon: 6 });
                    }
                });
            }
        })
    }
    function zd() {
        $.ajax({
            type:"get",
            url:"/index/getkefu",
            success:function(obj){
                data = $.parseJSON(obj);
                var qrcode = data.data.kefu_qrcode_url;
                var imgHtml = "<img src='"+qrcode+"' style='max-width:60%;max-height:60%;text-align:center; display: block; margin: 20px auto;'/>";
                //弹出层
                layer.open({
                    type: 1,
                    shade: 0.8,
                    offset: 'auto',
                    //                  area: [300 + 'px',300+'px'],  // area: [width + 'px',height+'px']  //原图显示
                    shadeClose: true,
                    scrollbar: false,
                    title: "长按识别二维码添加客服微信", //显示标题
                    content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
                    cancel: function() {
                        //layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', { time: 5000, icon: 6 });
                    }
                });
            }
        })
    }
    if(!!window.ActiveXObject || "ActiveXObject" in window) {
        alert(
            "尊敬的用户：\n本网站使用了大量的HTML5技术，IE内核的浏览器对此不支持。\n请使用其他内核的浏览器浏览本网站。\n比如：QQ浏览器极速版，搜狗浏览器极速版，Edge，谷歌浏览器等。\n如需帮助请联系我 16621317290"
        );
    }
</script>
</body>

</html>